<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>数据/标杆导入</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>标杆数据</title>
<script type="text/javascript" src="<%=request.getContextPath() %>/lib/uplodifyh5/event_common.js"></script>
<style type="text/css">

#console_drgs{
	width:100%;
	height:100%;
	padding:5px;
	position: fixed;
	top:0;
	left:0;
	z-index:99999;
	background: rgba(0, 69, 111, 0.49);
    color: rgb(158, 255, 248);
    text-shadow: 0 0 4px #12C9FF;
    font-size: 16px;
}
.console-blur{
	-webkit-filter:blur(4px);
}
#console_drgs section{
	position: absolute;
	top:0;
	transition:all .8s;
}
#console_drgs .fa-terminal{
	-webkit-animation:light0 .8s infinite;
	animation:light0 .8s infinite;
}
@-webkit-keyframes light0{
	0%{opacity:1;}
	40%{opacity:0;}
}
@keyframes light0{
	0%{opacity:1;}
	40%{opacity:0;}
}
#calculateBenchmark-icon,#performanceBenchmark-icon,#externalBenchmark-icon {
	width:250px;
	height:250px;
	display: inline-block;
	background-image: url("images/medical_icon.jpg");
	background-repeat: no-repeat;
}
#calculateBenchmark-icon {
	background-position:-506px 15px;
}
#performanceBenchmark-icon{
	background-position:-506px -500px;
}
#externalBenchmark-icon {
	background-position:-245px -245px;
}
.import-hr{margin-top:25px;margin-bottom:25px; display: none;}
@media screen and (max-width:768px) {
	 .import-hr{display: block;}
}


#progress_info table td{
	padding:8px;
}
#progress_info table{
	color: white;
	margin: 0 auto;
	border: 1px solid #9f9;
}
#progress_info>p:last-child{
	font-size:22px;
	animation:light 5s infinite;
	-moz-animation:light 5s infinite;
	-webkit-animation:light 5s infinite;
	-o-animation:light 5s infinite;
}
#progress_info,#progress_info>p{
	transition:all 1s;
    -webkit-transition:all 1s;
}
#import_loading{
	text-align:center;
	position: fixed;
	padding-top:120px;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* 
	background: rgba(0,0,0,.2);
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.15);
	opacity:.2; 
	color: white;*/
	background: rgba(0, 69, 111, 0.49);
    color: rgb(158, 255, 248);
    text-shadow: 0 0 4px #12C9FF;
	display: none;
    z-index: 480;
}
@keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
@-webkit-keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
@-moz-keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
}
</style>
</head>
<body>
<!-- 标杆导入 -->
<div class="row rowhcq" id = "con" style="text-align: center;">
    <div class="col-xs-12">
        <div class="boxcq clearfix">
            <div class="ti"><i class="fa fa-file-text-o"></i>标杆导入</div>
            <div class="btn-clickable">
            	<a href="download/benchmark/zhiBiaoGuiFan.xlsx" class="link text-sm" style = "text-decoration:none;color:#fff">
	        		<i class="fa fa-download"></i>&nbsp;指标规范
	        	</a>
			</div>
            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
            <div class="clearfix"></div>
            <div class="tab-content">
            	<div class="paddingd10">
					<div role="tabpanel" class="tab-pane active">
						<div class="row col-sm-12" style="min-height: 400px">
							<div class="col-sm-4">
								<div id="calculateBenchmark-icon" data-num="0"></div>
								<div class="btn-clickable" style="float: none;width: 196px;margin: 0px auto;">
									<a href="download/benchmark/jiSuanBiaoGanDaoRu.xlsx" class="link text-sm" style = "text-decoration:none;color:#fff">
										<i class="fa fa-download"></i>&nbsp;下载模版
									</a>
								</div>
								<h4>计算标杆数据导入</h4>
								<div class="col-sm-12 margind10">
								<label for="groupVer">分组器版本:</label><select class="select" id="groupVer" style="height: 28px;"></select>
								</div>
								<div class="col-sm-12 margind10">
								<label for="stdType">标杆类型:</label>
								<select class="select drgtips" id="stdType" tips="若没有需要的选项，请到“字典管理”菜单中“标杆类型”项维护" style="height: 28px;" ></select>
								</div>
								<input id="calculateBenchmark" type="file" name="file" style="display: none;"/>
								<hr class="import-hr">
							</div>
							
							<div class="col-sm-4">
								<div id="performanceBenchmark-icon"></div>
								<div class="btn-clickable" style="float: none;width: 196px;margin: 0px auto;">
									<a href="download/benchmark/performanceBenchmark.rar" class="link text-sm" style = "text-decoration:none;color:#fff">
										<i class="fa fa-download"></i>&nbsp;下载模版
									</a>
								</div>
								<h4>绩效比值导入</h4>
								<div class="col-sm-12">
								<label for="sdate">选择机构:</label>
								<select class="select drgtips" id="manager_type_id" tips="若没有需要的选项，请到“字典管理”菜单中“绩效比值类型”项维护" style="height: 28px;"></select><br/><br/>
								</div>
								<div class="col-sm-12">
								<input id="performanceBenchmark" type="file" name="file" style="display: none;"/>
								</div>
								<hr class="import-hr">
							</div>
							
							<div class="col-sm-4">
								<div id="externalBenchmark-icon" data-num="0"></div>
								<div class="btn-clickable" style="float: none;width: 196px;margin: 0px auto;">
									<a href="download/benchmark/biaoGanBiDaoRu.xlsx" class="link text-sm" style = "text-decoration:none;color:#fff">
										<i class="fa fa-download"></i>&nbsp;下载模版
									</a>
								</div>
								<h4>标杆比值导入</h4>
								<div class="col-sm-12" >
								<label for="sdate">选择机构:</label>
								<select class="select drgtips" id="std_type_id" tips="若没有需要的选项，请到“字典管理”菜单中“标杆比值类型”项维护" style="height: 28px; width: 120px"></select><br/><br/>
								</div>
								<div class="col-sm-12" >
								<input id="externalBenchmark" type="file" name="file" style="display: none;"/>
								</div>
							</div>
						</div>
                    </div>
                </div>
            </div>

			<div class="clearfix"></div>
			<div class="alert alert-info" role="alert" style="margin: 5px;text-align: left">
				<i class="fa fa-lightbulb-o fa-lg"></i>
				<ol>
					<li>请不要修改sheet页的名称</li>
					<li>请不要调整表格的列位置，需要添加指标时直接在后面追加列</li>
					<li>指标名称参照指标名称列表(点击右上角的<strong>指标规范</strong>按钮下载)</li>
					<li>科室组名称、科室名称要与系统中的描述一致</li>
					<li>付费病组与标杆比导入使用同一个模板，下拉框选择付费病组选项即可。</li>
				</ol>
				<%--<span id="remarks" class="textSty">注：监测时间段内<label>全院</label>出院病例数<label>7,115</label>例，主要手术病例<label>10</label>例，手术例数占比<label>0.14%</label>。其中，三四级手术病例<label>9</label>例，三四级手术占比<label>90%</label></span>--%>
			</div>
        </div>


    </div>
</div>


<div id="import_loading" style="opacity: initial;">
	<div style="position: relative;width: 80%;margin:0 auto;text-align: center;font-size: 20px;color:white;overflow:hidden; height: 240px;">
		<div id="progress_info" style="position: absolute;bottom:0;width: 100%;height:230px;overflow-y:auto;"></div>
		<div id="progress_info_detail" style="position: absolute;bottom:0;right:0;text-align:right; width: 50%;color: #ddd;font-size: 16px;"></div>
	</div>
	
	<!-- 进度条 -->
    <div class="progress" style="width: 80%;margin: 0 auto;">
	  <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100">
	    <span></span>
	  </div>
	</div>
	
	<div style="position: relative;width: 80%;margin:0 auto;text-align: center;height: 60px;font-size: 20px;overflow:hidden;">
		<div id="progress_usedtime" style="position: absolute;left:0;text-align:left; width: 50%;color: #ddd;font-size: 16px;"></div>
		<div id = "progress_lefttime" style="position: absolute;right:0;text-align:right; width: 50%;color: #ddd;font-size: 16px;">
	</div>
	
	<a id="close_loading_btn" class="btn btn-primary" onclick="closeBgDiv()" style="margin:10px auto;display: none;">关闭</a>
	<!-- <a class="btn btn-primary" onclick="refreshProgress()" style="margin:10px auto;">刷新进度</a> -->
</div>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/data/benchmark.js"></script>
</body>
</html>